body {
    background: #f4f4f4;
    overflow-y: auto;
}

.super {
    width: 1320px;
    margin: 0 auto;
    overflow: auto;
}

.nav {
    background-color: #111;
    position: relative;
    height: 50px;
    font-size: 23px;
    img{
        height: 50px;
    }
    .desc {
        position: absolute;
        top: 0;
        color: #fff;
        left: 200px;
        line-height: 50px;
        font-weight: 900;
    }
    .tel {
        position: absolute;
        right: 120px;
        top: 0;
        color: #fff;
        line-height: 50px;
    }
}

.menu {
    width: 100%;
    height: 50px;
    background-color: #8be5ff;
    
    
    
    .childmenu {
        position: relative;
        float: left;
        width: 16.66%;
        text-align: center;
        overflow: visible;
        font-weight: 900;
        
        .menutitle {
            line-height: 50px;
            a {
                color: #000;
            }
        }

        &:hover {
            background-color: #5ddbff;
            ul {
                display: block;
            }
        }

        ul {
            position: absolute;
            width: 100%;
            left: 0;
            top: 50px;
            z-index: 10;
            box-sizing: border-box;
            padding: 0 5px;
            background-color: #5ddbff;
            display: none;
            padding-bottom: 5px;
            li {
                padding: 15px 0;
                font-size: 16px;
                &:nth-of-type(2n) {
                    background-color: #fff;
                }
            }
        }
    }
}

.body {
    position: relative;
    .item {
        margin-bottom: 2px;
        background-color: #c0f5ff;
        height: 220px;

        &:nth-of-type(2n) {
            background-color: #a2edff;
        }

        .box {
            position: relative;
            float: left;
            width: 50%;
            box-sizing: border-box;
            padding: 10px;
            h3 {
                font-size: 24px;
                margin-top: 20px;
            }
            h3,
            p {
                margin-left: 220px;
            }
            p {
                font-size: 16px;
                line-height: 28px;
                color: #333;
                margin-top: 15px;
            }
            img {
                position: absolute;
                width: 200px;
                height: 200px;
                border-radius: 10px;
            }
        }
        
    }
}


.footer {
    background-color: #8be5ff;
    padding: 25px 0;
    ul {
        text-align: center;
        li {
            display: inline;
            padding: 0 20px;
            font-size: 20px;
            font-weight: 900;
        }
    }
    p {
        text-align: center;
        font-size: 16px;
        color: #111;
        margin-top: 20px;
    }
}

